import React, { Component } from 'react';
import './Tabbar.less';
import {withRouter} from 'react-router-dom';
@withRouter
export default class Tabbar extends Component {
  render() {
    return (
      <nav className="b-tabbar">
        {
          this.props.routes.map(route =>{
            return(
              <div key={route.path} className='b-tabbar-item active'>
                <span className='icon'>*</span>
                <span className='text'>{route.tittle}</span>
              </div>
            )
          })
        }
      </nav>
    )
  }
}



